<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8">

    <title>Utbudstjänst - Profil</title>

    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">

    <link rel="stylesheet" href="../css/font-awesome.css">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/prism.css">
    <link rel="stylesheet" href="../css/chosen.min.css">
    <link rel="stylesheet" href="../css/bootstrap-responsive.css">
    <link rel="stylesheet" href="../css/datepicker.css">
    <link rel="stylesheet" href="../css/ui-lightness/jquery-ui-1.8.21.custom.css">
    <link rel="stylesheet" href="../css/tablesorter.css">
    <link rel="stylesheet" href="../css/application-ocean-breeze.css">
    <link rel="stylesheet" href="../css/msgGrowl.css" type="text/css" charset="utf-8" />
    <link rel="stylesheet" href="../css/jquery.msgbox.css">

    <script src="../js/lib/modernizr-2.5.3.min.js"></script>

</head>
<body>

<div id="wrapper">
    <div id="headerPlaceholder"></div>
    <div id="content">
        <div class="container">
            <div class="row">
                <div class="span9">
                    <br>
                    <form id="edit-profile" class="form-horizontal">
                        <fieldset>
                            <div class="control-group">
                                <label class="control-label" for="username">Användar-ID</label>
                                <div class="controls">
                                    <input type="text" class="input-medium disabled" id="username" value="" disabled="">
                                </div> <!-- /controls -->
                            </div> <!-- /control-group -->

                            <div class="control-group">
                                <label class="control-label" for="name">Namn</label>
                                <div class="controls">
                                    <input type="text" class="input-medium" id="name" name="name" value="">
                                </div> <!-- /controls -->
                            </div> <!-- /control-group -->

                            <div id="cgPwNew" class="control-group">
                                <label class="control-label" for="passwordNew">Nytt lösenord</label>
                                <div class="controls">
                                    <input type="password" class="input-medium" id="passwordNew" name="passwordNew" value="">
                                </div> <!-- /controls -->
                            </div> <!-- /control-group -->

                            <div id="cgPwNewConfirm" class="control-group">
                                <label class="control-label" for="passwordNew">Bekräfta nytt lösenord</label>
                                <div class="controls">
                                    <input type="password" class="input-medium" id="passwordNewConfirm" name="passwordNewConfirm" value="">
                                </div> <!-- /controls -->
                            </div> <!-- /control-group -->

                            <div class="control-group">
                                <label class="control-label" for="email">Epost-adress</label>
                                <div class="controls">
                                    <input type="text" class="input-medium disabled" id="email" value="" disabled="">
                                </div> <!-- /controls -->
                            </div> <!-- /control-group -->

                            <div id="cgMail" class="control-group">
                                <label class="control-label" for="newEmail">Ny epost-adress</label>
                                <div class="controls">
                                    <input type="text" class="input-xlarge" id="newEmail" name="newEmail" value="">
                                </div> <!-- /controls -->
                            </div> <!-- /control-group -->

                            <div id="cgConfirmMail" class="control-group">
                                <label class="control-label" for="confirmNewEmail">Bekräfta ny epost-adress</label>
                                <div class="controls">
                                    <input type="text" class="input-xlarge" id="confirmNewEmail" name="confirmNewEmail" value="">
                                </div> <!-- /controls -->
                            </div> <!-- /control-group -->

                            <div class="control-group">
                                <label class="control-label" for="userrole">Roll</label>
                                <div class="controls">
                                    <input type="text" class="input-medium disabled" id="userrole" value="" disabled="">
                                </div> <!-- /controls -->
                            </div> <!-- /control-group -->

                            <br>

                            <div class="controls">
                                <button id="bUpdateUser" class="btn btn-primary btn-large">Spara</button>
                            </div> <!-- /form-actions -->
                        </fieldset>
                    </form>

                </div> <!-- /.span9 -->
            </div> <!-- /.row -->
        </div> <!-- /.container -->
    </div> <!-- /#content -->
</div> <!-- /#wrapper -->

<script src="../js/lib/jquery-1.7.2.min.js"></script>
<script src="../js/lib/jquery-ui-1.8.21.custom.min.js"></script>
<script src="../js/lib/jquery.ui.touch-punch.min.js"></script>
<script src="../js/lib/bootstrap.min.js"></script>
<script src="js/profile.js"></script>
<script src="../js/lib/moment.min.js"></script>
<script src="../js/lib/jquery.tablesorter.min.js"></script>
<script src="../js/lib/jquery.validate.js"></script>
<script src="../js/lib/chosen.jquery.min.js"></script>
<script src="../js/lib/msgGrowl.min.js"></script>
<script src="../js/lib/jquery-handlebars-1.1.4.min.js"></script>
<script src="../js/common.js"></script>

<script>
            commonInit({
                viewDataUrl: config.guiURL + '/view/user',
                mastheadTitle: '',
                mastheadSubtitle: '',
                mastheadContent: ''
            });
            function toggleShow(id) {
                sId = id;
                $(sId).slideToggle('medium', function() {
                    // Animation complete.
                    if ($(sId).hasClass('hidden') == true) {
                        $(sId).fadeIn('fast');
                        $(sId).toggleClass('hidden');
                    } else {
                        $(sId).fadeOut('slow');
                        $(sId).toggleClass('hidden');
                        $('#name').val('').prop('disabled', false);
                        $('#uppdrag-description').val('');
                        $('#productStatus').val('ACTIVE');
                    }
                    $(sId).focus();
                });
            }
        </script>
</body>
</html>
